<!DOCTYPE>
<html>
<head>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>游戏详情</title>
<%@ include file="../common/home_head.jsp" %>
</head>
<body>
<!-- banner -->
<div class="sub-banner">
	<%@ include file="../common/navbar.jsp" %>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$("#nav li").removeClass("active");
	$("#nav>li").eq(3).addClass("active");
});
</script>



<!-- banner end -->
<c:if test="${!empty game }">
	<!-- breadcrumbs -->
	<div class="agileits_breadcrumbs">
		<div class="container">
			<div class="agileits_breadcrumbs_left">
				<ul>
					<li></li>
				</ul>
			</div>
			<div class="agileits_breadcrumbs_right">
				<h3>${game.salesName }</h3>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //breadcrumbs -->

<!-- single -->
	<div class="blog">
		<div class="container">
			<div class="col-md-7 wthree_blog_left">
				<div class="wthree_blog_left_grid">
					<div class="wthree_blog_left_grid_slider">
						<img src="${pageContext.request.contextPath }/images/games/${game.salesImg}" alt="${game.salesName }" class="img-responsive" />
					</div>
					<h4>${game.salesName }</h4>
					<h3>${game.salesIntroduce }</h3>
					<ul>
						<li><span class="glyphicon glyphicon-user" aria-hidden="true"></span>${game.developer.devName }<i>|</i></li>
						<li><span class="glyphicon glyphicon-heart" aria-hidden="true"></span>${game.salesHot }<i>|</i></li>
						<li><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>${game.salesType.typeName }<i>|</i></li>
						<li><span class="glyphicon glyphicon-tag" aria-hidden="true"></span>游戏评分</li>
					</ul>
					<p>
						游戏的开发状态
						<i>开发进度</i>
						最近更新内容
					</p>
				</div>
				
				<div class="agileits_reply">
					<h3>填写你的评论</h3>
					<form action="#" method="post">
						<textarea name="Message" required=""></textarea><br>
						<input name="evaluate" type="radio" checked><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true">好评</span>
						<input name="evaluate" type="radio" ><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true">差评</span><br><br> 
						<input type="submit" value="提交">
					</form>
				</div>
			</div>
			<div class="col-md-5 wthree_blog_right">
				<div class="w3ls_search">
					<form action="#" method="post">
						<input type="text" name="Search" placeholder="查找游戏" required="">
						<input type="submit" value=" ">
					</form>
				</div>
				<div class="w3l_categories">
					<h3>游戏评论</h3>
					<ul>
						<li>列举评论1</li>
						<li>列举评论2</li>
						<li>列举评论3</li>
					</ul>
					<h5><a href="#">查看更多</a></h5>
				</div>
				
				<div class="w3l_archives">
					<h3>操作</h3>
					<ul>
						<li>10 August 2018</li>
						<li>购买游戏</li>
					</ul>
				</div>
				<div class="w3agile_flickr_posts">
					<c:if test="${!empty hot }">
						<h3>推荐游戏</h3>
					<c:forEach items="${hot }" var="h" begin="0" end="3">
						<div class="w3agile_flickr_post_left">
						<a href="${pageContext.request.contextPath }/getSalesDetail?gid=${h.salesId}"><img src="${pageContext.request.contextPath }/images/games/${h.salesImg}" alt="${h.salesName}" class="img-responsive" /></a>
					</div>
					</c:forEach>
					</c:if>
					<div class="clearfix"> </div>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //single -->
	
</c:if>




<%@ include file="../common/footer.jsp" %>
<%@ include file="../common/loginModal.jsp" %>
</body>
</html>